<template>
  <div class="header">
    <div class="icon-back" @touchend = "close"> 
      <svg class="icon" >
        <use xlink:href="#iconzhuxiao"></use>
      </svg>
      </div>
    <div class="header-top">船新方式考勤</div>  
  </div>
</template>

<script>
export default {
  name: 'homeheader',
  
  methods : {
    close(){
       this.$confirm('您确定要退出登录吗?', '提示', {
          confirmButtonText: '退出',
          cancelButtonText: '取消',
          type: 'warning',
          center: true,
          showClose:false
        }).then(() => {
         this.$router.push('/')
        }).catch(() => {
         
        });
    }
  }
}
</script>

<style scoped>
  .header{
    height: .86rem;
    background :rgb(100, 124, 204);
    color:#ffff;
    text-align: center
  }
  .icon-back{
    float: right;
    position: absolute;
    right: 0 ;
    width: .64rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .4rem;
    margin-top: .06rem;
   
  }
  .header-top{
   font-size: .36rem;
   line-height: .86rem;
  }
</style>
